<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j" template="layout/template.xhtml">

	<ui:define name="body">
		<h:form>
		<h1>Stajyer Bilgi Sistemi</h1>
		<rich:panel header="">
			<h:panelGrid columns="2">
				<h:graphicImage value="/img/humanResources.gif"
					style="width:600px;height:300px;" alt="Seam logo" />
				<rich:panel style="width:400px;height:300px;margin-left:100px;">
					<f:facet name="header">Kullanici Giris Ve Sisteme Kayitlanma</f:facet>
					<p style="font-size: large; font-weight: bold;">Lutfen
						kullanici adi ve parolanizi girin:</p>
					<h:panelGrid columns="2" rowClasses="prop" 
						columnClasses="name,value">
						<h:outputLabel for="username">Kullanici Adi</h:outputLabel>
						<h:inputText id="username" value="#{userLogin.userName}" />
						<h:outputLabel for="password">Sifre</h:outputLabel>
						<h:inputSecret id="password" value="#{userLogin.password}" />
						<h:outputLabel value="" />
						<a4j:commandButton value="Giris" action="#{userLogin.login()}"
							style="width:159px;font-size:large;font-weight:bold;" />
						<h:outputLabel value="" />
						<a4j:commandButton value="Kayit Ol" image="/img/kayitOl.png"
							style="width:160px;height:50px;"
							onclick="Richfaces.showModalPanel('registerModal')" />
					</h:panelGrid>
				</rich:panel>
			</h:panelGrid>
		</rich:panel>
		</h:form>

		<!--Kullanici kayitlanmasi icin giris sayfasinda acilan modalPanel(popUp)-->
		<rich:modalPanel id="registerModal" height="250" width="400">
			<h:form id="registerFor">
				<ui:include src="register.xhtml" />
			</h:form>
		</rich:modalPanel>
		<rich:hotKey key="esc"
			handler="Richfaces.hideModalPanel('registerModal')" />

	</ui:define>
</ui:composition>
